.new-product-container {
    background-color: #1d1f27;
    position: relative;
}

.new-product-container .no-content-body {
    min-height: calc(100vh - 290px);
    min-height: -webkit-calc(100vh - 290px);
}

.new-product-container .game-bg {
    width: 100%;
    height: 150px;
    border-radius: 3px;
}

.new-product-container .game-bg img {
    width: 1200px;
    height: 100%;
    display: block;
    margin: 0 auto;
    cursor: pointer;
    border-radius: 3px;
}

.new-product-container .game-special-bg {
    height: 457px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1920px 457px;
}

.new-product-container .game-special-bg-layer {
    height: 457px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-image: linear-gradient(rgba(29, 31, 39, 0.4), #1d1f27);
}

.new-product-container .new-content-container {
    position: relative;
    top: 150px;
    width: 1200px;
    margin: 0 auto;
}

.new-product-container .new-content-container .main-content {
    margin-bottom: 128px;
}

.new-product-container .new-content-container .main-content .typical-name-1 {
    position: relative;
    color: #ffffff;
    font-size: 26px;
    font-family: Microsoft YaHei UI;
    font-weight: bold;
    line-height: 36px;
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 10px;
    align-items: center;
}

.new-product-container .new-content-container .main-content .typical-name-1:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.new-product-container .new-content-container .main-content .typical-name-1 .bundle-tip-block {
    background-color: #508bf3;
    width: 66px;
    text-align: center;
    color: #fff;
    font-size: 17px;
    margin-right: 10px;
    height: 27px;
    line-height: 27px;
    display: inline-block;
    float: left;
    margin-top: 8px;
}

.new-product-container .new-content-container .main-content .typical-name-1 .DLC-tip-block {
    display: inline-block;
    background-color: #fd115b;
    color: #fff;
    margin-right: 10px;
    font-size: 17px;
    text-align: center;
    width: 42px;
    height: 27px;
    padding: 0 5px;
    line-height: 27px;
    border-radius: 3px;
    float: left;
}

.new-product-container .new-content-container .main-content .typical-name-1 .p-name {
    float: left;
}

.new-product-container .new-content-container .main-content .typical-name-1 .inter-tag {
    display: inline-block;
    background-color: #ce11fd;
    border-radius: 2px;
    font-size: 14px;
    color: #ffffff;
    margin-left: 10px;
    line-height: 24px;
    text-align: center;
    float: left;
    height: 24px;
    padding: 0 6px;
}

.new-product-container .new-content-container .main-content .typical-name-1 .fbp-tip {
    display: inline-block;
    background-color: #ff5722;
    border-radius: 2px;
    font-size: 14px;
    color: #ffffff;
    margin-left: 9px;
    line-height: 24px;
    text-align: center;
    height: 24px;
    padding: 0 6px;
    font-family: "Source Han Sans CN";
    font-weight: 400;
}

.new-product-container .new-content-container .main-content .typical-name-2 {
    position: relative;
    color: rgba(255, 255, 255, 0.5);
    font-size: 16px;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    margin-bottom: 30px;
}

.new-product-container .new-content-container .main-content:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.new-product-container .new-content-container .main-content .new-content-left {
    width: 830px;
    margin-right: 20px;
    margin-bottom: 40px;
    float: left;
}

.new-product-container .new-content-container .main-content .new-content-right {
    width: 350px;
    float: left;
    margin-bottom: 40px;
}

.new-product-container .new-content-container .main-content .common-bg {
    background-color: #282931;
}

.new-product-container .add-success-info {
    width: 400px;
    min-height: 182px;
    text-align: center;
    background-color: #282931;
}

.new-product-container .add-success-info .add-success-text {
    margin: 0 auto;
    padding: 45px;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    color: rgba(255, 255, 255, 0.9);
}

.new-product-container .add-success-info .add-success-action-block .go-to-cart,
.new-product-container .add-success-info .add-success-action-block .go-on-hanging {
    display: inline-block;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    width: 92px;
    height: 32px;
    line-height: 32px;
    box-sizing: border-box;
    overflow: hidden;
}

.new-product-container .add-success-info .add-success-action-block .go-to-cart {
    margin-right: 40px;
    background: rgba(255, 255, 255, 0.5);
    color: rgba(255, 255, 255, 0.7);
}

.new-product-container .add-success-info .add-success-action-block .go-on-hanging {
    background-color: #ff6900;
    color: #ffffff;
    border: 1px solid #ff6900;
}

.new-product-container .add-success-info .add-success-action-block .go-on-hanging:hover {
    background-color: #ff8400;
}

.new-product-container .game-introduction-content,
.new-product-container .news-letter-content,
.new-product-container .system-content-container,
.new-product-container .copyright-content,
.new-product-container .system-tab-content {
    word-wrap: break-word;
}

.new-product-container .game-introduction-content iframe,
.new-product-container .news-letter-content iframe,
.new-product-container .system-content-container iframe,
.new-product-container .copyright-content iframe,
.new-product-container .system-tab-content iframe {
    width: 640px;
    height: 480px;
    border: 0;
    margin: auto;
}

.new-product-container .game-introduction-content pre,
.new-product-container .news-letter-content pre,
.new-product-container .system-content-container pre,
.new-product-container .copyright-content pre,
.new-product-container .system-tab-content pre {
    white-space: pre-wrap;
    word-wrap: break-all;
}

.new-product-container .game-introduction-content h1,
.new-product-container .news-letter-content h1,
.new-product-container .system-content-container h1,
.new-product-container .copyright-content h1,
.new-product-container .system-tab-content h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

.new-product-container .game-introduction-content h2,
.new-product-container .news-letter-content h2,
.new-product-container .system-content-container h2,
.new-product-container .copyright-content h2,
.new-product-container .system-tab-content h2 {
    font-size: 1.5em;
    margin: 0.75em 0;
}

.new-product-container .game-introduction-content h3,
.new-product-container .news-letter-content h3,
.new-product-container .system-content-container h3,
.new-product-container .copyright-content h3,
.new-product-container .system-tab-content h3 {
    font-size: 1.17em;
    margin: 0.83em 0;
}

.new-product-container .game-introduction-content h4,
.new-product-container .game-introduction-content ul,
.new-product-container .game-introduction-content fieldset,
.new-product-container .game-introduction-content form,
.new-product-container .game-introduction-content ol,
.new-product-container .game-introduction-content dl,
.new-product-container .game-introduction-content dir,
.new-product-container .game-introduction-content menu,
.new-product-container .news-letter-content h4,
.new-product-container .news-letter-content ul,
.new-product-container .news-letter-content fieldset,
.new-product-container .news-letter-content form,
.new-product-container .news-letter-content ol,
.new-product-container .news-letter-content dl,
.new-product-container .news-letter-content dir,
.new-product-container .news-letter-content menu,
.new-product-container .system-content-container h4,
.new-product-container .system-content-container ul,
.new-product-container .system-content-container fieldset,
.new-product-container .system-content-container form,
.new-product-container .system-content-container ol,
.new-product-container .system-content-container dl,
.new-product-container .system-content-container dir,
.new-product-container .system-content-container menu,
.new-product-container .copyright-content h4,
.new-product-container .copyright-content ul,
.new-product-container .copyright-content fieldset,
.new-product-container .copyright-content form,
.new-product-container .copyright-content ol,
.new-product-container .copyright-content dl,
.new-product-container .copyright-content dir,
.new-product-container .copyright-content menu,
.new-product-container .system-tab-content h4,
.new-product-container .system-tab-content ul,
.new-product-container .system-tab-content fieldset,
.new-product-container .system-tab-content form,
.new-product-container .system-tab-content ol,
.new-product-container .system-tab-content dl,
.new-product-container .system-tab-content dir,
.new-product-container .system-tab-content menu {
    margin: 1.12em 0;
}

.new-product-container .game-introduction-content h5,
.new-product-container .news-letter-content h5,
.new-product-container .system-content-container h5,
.new-product-container .copyright-content h5,
.new-product-container .system-tab-content h5 {
    font-size: 0.83em;
    margin: 1.5em 0;
}

.new-product-container .game-introduction-content h6,
.new-product-container .news-letter-content h6,
.new-product-container .system-content-container h6,
.new-product-container .copyright-content h6,
.new-product-container .system-tab-content h6 {
    font-size: 0.75em;
    margin: 1.67em 0;
}

.new-product-container .game-introduction-content h1,
.new-product-container .game-introduction-content h2,
.new-product-container .game-introduction-content h3,
.new-product-container .game-introduction-content h4,
.new-product-container .game-introduction-content h5,
.new-product-container .game-introduction-content h6,
.new-product-container .game-introduction-content b,
.new-product-container .game-introduction-content strong,
.new-product-container .news-letter-content h1,
.new-product-container .news-letter-content h2,
.new-product-container .news-letter-content h3,
.new-product-container .news-letter-content h4,
.new-product-container .news-letter-content h5,
.new-product-container .news-letter-content h6,
.new-product-container .news-letter-content b,
.new-product-container .news-letter-content strong,
.new-product-container .system-content-container h1,
.new-product-container .system-content-container h2,
.new-product-container .system-content-container h3,
.new-product-container .system-content-container h4,
.new-product-container .system-content-container h5,
.new-product-container .system-content-container h6,
.new-product-container .system-content-container b,
.new-product-container .system-content-container strong,
.new-product-container .copyright-content h1,
.new-product-container .copyright-content h2,
.new-product-container .copyright-content h3,
.new-product-container .copyright-content h4,
.new-product-container .copyright-content h5,
.new-product-container .copyright-content h6,
.new-product-container .copyright-content b,
.new-product-container .copyright-content strong,
.new-product-container .system-tab-content h1,
.new-product-container .system-tab-content h2,
.new-product-container .system-tab-content h3,
.new-product-container .system-tab-content h4,
.new-product-container .system-tab-content h5,
.new-product-container .system-tab-content h6,
.new-product-container .system-tab-content b,
.new-product-container .system-tab-content strong {
    font-weight: bolder;
}

.new-product-container .game-introduction-content hr,
.new-product-container .news-letter-content hr,
.new-product-container .system-content-container hr,
.new-product-container .copyright-content hr,
.new-product-container .system-tab-content hr {
    border: none;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    height: 0;
}

.new-product-container .game-introduction-content p,
.new-product-container .game-introduction-content center,
.new-product-container .news-letter-content p,
.new-product-container .news-letter-content center,
.new-product-container .system-content-container p,
.new-product-container .system-content-container center,
.new-product-container .copyright-content p,
.new-product-container .copyright-content center,
.new-product-container .system-tab-content p,
.new-product-container .system-tab-content center {
    margin-bottom: 20px;
}

.new-product-container .game-introduction-content a,
.new-product-container .news-letter-content a,
.new-product-container .system-content-container a,
.new-product-container .copyright-content a,
.new-product-container .system-tab-content a {
    color: #2f5c94;
}

.new-product-container .game-introduction-content ul,
.new-product-container .news-letter-content ul,
.new-product-container .system-content-container ul,
.new-product-container .copyright-content ul,
.new-product-container .system-tab-content ul {
    list-style-type: disc;
    padding-left: 20px;
}

.new-product-container .game-introduction-content ol,
.new-product-container .news-letter-content ol,
.new-product-container .system-content-container ol,
.new-product-container .copyright-content ol,
.new-product-container .system-tab-content ol {
    list-style-type: decimal;
    padding-left: 20px;
}

.new-product-container .game-introduction-content blockquote,
.new-product-container .news-letter-content blockquote,
.new-product-container .system-content-container blockquote,
.new-product-container .copyright-content blockquote,
.new-product-container .system-tab-content blockquote {
    padding-left: 10px;
    border-left: 0.25em solid #7a80a2;
    color: #7a80a2;
}

.new-product-container .game-introduction-content blockquote p,
.new-product-container .news-letter-content blockquote p,
.new-product-container .system-content-container blockquote p,
.new-product-container .copyright-content blockquote p,
.new-product-container .system-tab-content blockquote p {
    margin: 4px 10px 4px 0;
}

.new-product-container .game-introduction-content video,
.new-product-container .game-introduction-content img,
.new-product-container .news-letter-content video,
.new-product-container .news-letter-content img,
.new-product-container .system-content-container video,
.new-product-container .system-content-container img,
.new-product-container .copyright-content video,
.new-product-container .copyright-content img,
.new-product-container .system-tab-content video,
.new-product-container .system-tab-content img {
    max-width: 100%;
    vertical-align: bottom;
}

.new-product-container .game-introduction-content span.spoiler,
.new-product-container .news-letter-content span.spoiler,
.new-product-container .system-content-container span.spoiler,
.new-product-container .copyright-content span.spoiler,
.new-product-container .system-tab-content span.spoiler {
    background: #000;
    color: #000;
}

.new-product-container .game-introduction-content span.spoiler:hover,
.new-product-container .news-letter-content span.spoiler:hover,
.new-product-container .system-content-container span.spoiler:hover,
.new-product-container .copyright-content span.spoiler:hover,
.new-product-container .system-tab-content span.spoiler:hover {
    color: #ffffff;
}

.new-product-container .share-container {
    margin-bottom: 20px;
    padding: 13px 0px;
    background-color: #282931;
    display: inline-block;
    width: 100%;
    border-radius: 3px;
}

.new-product-container .share-container .iframe-tag {
    width: 50%;
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    float: left;
    box-sizing: border-box;
    padding: 10px 0px;
}

.new-product-container .share-container .iframe-tag .iframe-tag-icon {
    width: 24px;
    height: 24px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 100%;
    color: rgba(255, 255, 255, 0.5);
    font-size: 14px;
    text-align: center;
    line-height: 24px;
    margin-right: 6px;
    display: inline-block;
}

.new-product-container .share-container:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.new-product-container .share-container .only-iframe {
    margin: auto;
    float: none;
}

.new-product-container .share-container .border {
    border-right: solid 1px rgba(255, 255, 255, 0.1);
}

.new-product-container .active-mode {
    line-height: 24px;
    color: #ffffff;
    font-size: 14px;
    box-sizing: border-box;
    padding: 16px 20px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    margin-bottom: 20px;
    border-radius: 3px;
}

.new-product-container .active-mode a {
    font-family: "SourceHanSansCN-Regular";
    color: #508bf3;
    font-size: 14px;
}

.new-product-container .promotion_queue {
    border-radius: 2px;
    border: 1px solid #1f3c71;
    background: #232f46;
    text-align: center;
    padding: 15px 0;
    box-sizing: border-box;
}

.new-product-container .promotion_queue .btn_get_reward,
.new-product-container .promotion_queue .btn_next_sku {
    text-align: center;
    height: 50px;
    cursor: pointer;
    display: inline-block;
    color: #b8d2ff;
    font-size: 18px;
    line-height: 50px;
    background-size: cover;
    margin: 0 auto;
}

.new-product-container .promotion_queue .btn_get_reward {
    background: url(/4702347b49397f685f47a04634631857.png) no-repeat;
    width: 213px;
}

.new-product-container .promotion_queue .btn_next_sku {
    width: 238px;
    background: url(/b69fc4d14ec803643174621daeeb02c7.png) no-repeat;
}

.new-product-container .promotion_queue .btn_get_reward_samll {
    width: 140px;
    margin-right: 20px;
    color: white;
    background: url(/0420c9abb55cafb13a9a0588d95fb434.png) no-repeat;
}

.new-product-container .promotion_queue .btn_next_sku_small {
    background: url(/b6500a74285442cc469898cb59a68ef1.png) no-repeat;
    width: 150px;
}

.container-of-agelimit {
    width: 400px;
    border-radius: 2px;
    border: 4px solid #7a80a2;
    background-color: white;
}

.container-of-agelimit .header {
    color: #434343;
    font-size: 16px;
    padding: 36px 30px 0px 30px;
    line-height: 22px;
    word-break: break-all;
    word-wrap: break-word;
}

.container-of-agelimit .content {
    margin-top: 30px;
    font-size: 17px;
    color: #434343;
    font-weight: bold;
    line-height: 24px;
    padding: 0px 30px;
    text-align: center;
}

.container-of-agelimit .action-block {
    text-align: center;
    margin-top: 26px;
    margin-bottom: 30px;
}

.container-of-agelimit .action-block .close-dialog,
.container-of-agelimit .action-block .right-bind {
    background-color: #508bf3;
    color: white;
    border-radius: 2px;
    width: 160px;
    height: 36px;
    margin: 0 auto;
    line-height: 36px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
}

.container-of-agelimit .action-block .close-dialog {
    background-color: #3f4760;
    border-radius: 2px;
    margin-right: 20px;
}

.game-introduction-material {
    height: 392px;
    position: relative;
    margin-bottom: 20px;
    padding: 20px;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 3px;
}

.game-introduction-material .content {
    width: 790px;
    height: 351px;
    background-color: #282931;
}

.game-introduction-material .content:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.game-introduction-material .content .big-img {
    width: 600px;
    height: 337px;
    float: left;
    background-color: #000;
}

.game-introduction-material .content .videos-player {
    background-color: #000;
}

.game-introduction-material .material-list {
    width: 150px;
    height: 337px;
    overflow: hidden;
    margin-right: 6px;
    float: left;
    position: relative;
    margin-left: 19px;
}

.game-introduction-material .material-list .asset-list {
    position: absolute;
    top: 0;
    transition: top;
    overflow-y: scroll;
    height: 341px;
    width: 168px;
}

.game-introduction-material .material-list .material-item {
    width: 145px;
    height: 82px;
    margin-bottom: 6px;
    position: relative;
    cursor: pointer;
    box-sizing: border-box;
    opacity: 0.6;
}

.game-introduction-material .material-list .material-item img {
    width: 141px;
    height: 78px;
    border: 2px solid transparent;
    box-sizing: content-box;
    border-radius: 3px;
}

.game-introduction-material .material-list .material-item:hover {
    opacity: 1;
}

.game-introduction-material .material-list .material-item.active {
    opacity: 1;
}

.game-introduction-material .material-list .material-item.active img {
    border-color: white;
    border-radius: 3px;
}

.game-introduction-material .material-list .material-item-video {
    position: relative;
}

.game-introduction-material .material-list .material-item-video .video-tip-btn {
    position: absolute;
    width: 27px;
    height: 27px;
    top: 26px;
    left: 57px;
    color: white;
    font-size: 24px;
}

.game-sale-block {
    min-height: 393px;
    margin-bottom: 20px;
    position: relative;
    border-radius: 3px;
}

.game-sale-block .brief-info {
    font-size: 14px;
    font-family: "Microsoft YaHei UI";
    font-weight: 400;
    line-height: 24px;
    padding: 20px 20px 55px 20px;
    box-sizing: border-box;
    text-align: left;
    color: rgba(255, 255, 255, 0.7);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.game-sale-block .tag-list {
    padding: 0px 20px 10px 20px;
}

.game-sale-block .tag-list .tag {
    display: inline-block;
    border-radius: 3px;
    background-color: rgba(255, 255, 255, 0.1);
    padding: 4px 5px;
    color: rgba(255, 255, 255, 0.5);
    text-align: center;
    cursor: pointer;
    font-size: 12px;
    font-family: "Microsoft YaHei UI";
    font-weight: 400;
    line-height: 12px;
    margin: 5px 5px 0 0px;
}

.game-sale-block .tag-list .tag:hover {
    background-color: #1d1f27;
}

.game-sale-block .brief-info-placeholder {
    height: 80px;
}

.game-sale-block .coupon-list-block {
    padding: 10px 20px 0 20px;
}

.game-sale-block .coupon-list-block .tips {
    border-radius: 3px;
    position: relative;
    font-size: 12px;
    background-color: rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    padding: 6px 5px;
}

.game-sale-block .coupon-list-block .tips:hover .hover-coupon-list {
    display: block;
    z-index: 10000;
}

.game-sale-block .coupon-list-block .tips .coupon-bg {
    background: url(/6c7226c2d5123ef1cca258ab45bf40d0.png);
    width: 25px;
    height: 20px;
    background-size: contain;
    margin-right: 10px;
}

.game-sale-block .coupon-list-block .tips .tip-info {
    height: 19px;
    font-size: 14px;
    font-family: "Microsoft YaHei UI";
    font-weight: 400;
    line-height: 19px;
    color: rgba(255, 255, 255, 0.7);
}

.game-sale-block .coupon-list-block .tips .tip-info .num,
.game-sale-block .coupon-list-block .tips .tip-info .question {
    color: #ff6900;
    font-weight: bold;
}

.game-sale-block .coupon-list-block .tips .tip-info i {
    margin-left: 3px;
    width: 4px;
    height: 8px;
}

.game-sale-block .coupon-list-block .tips .discount {
    color: #f90049;
    padding-right: 4px;
}

.game-sale-block .cross-sale-block {
    padding: 10px 20px 0 20px;
    position: relative;
}

.game-sale-block .cross-sale-block .cross-sale {
    position: relative;
    display: inline-block;
}

.game-sale-block .cross-sale-block .cross-sale:hover .description {
    display: block;
}

.game-sale-block .cross-sale-block .tips {
    border-radius: 4px;
    position: relative;
    font-size: 14px;
    line-height: 20px;
    color: rgba(255, 255, 255, 0.7);
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.1);
    padding: 6px 5px;
    margin-bottom: 5px;
}

.game-sale-block .cross-sale-block .tips .cross-sale-info {
    position: relative;
    cursor: pointer;
    display: inline-block;
}

.game-sale-block .cross-sale-block .tips .cross-sale-info .tip-msg {
    display: inline-block;
}

.game-sale-block .cross-sale-block .tips .cross-sale-info .question {
    font-size: 16px;
    margin-left: 10px;
    color: #ff6900;
    vertical-align: middle;
}

.game-sale-block .cross-sale-block .tips .cross-sale-info .login-tip {
    color: #f90049;
    cursor: pointer;
}

.game-sale-block .cross-sale-block .description {
    display: none;
    position: absolute;
    z-index: 10;
    width: 310px;
    box-sizing: border-box;
    top: 100%;
    left: 0;
    background-color: #000000;
    opacity: 0.8;
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    filter: alpha(opacity=80);
    border-radius: 3px;
    color: #fff;
    line-height: 18px;
    font-size: 14px;
    padding: 20px;
}

.game-sale-block .cross-sale-block .description .activity_condition {
    max-height: 160px;
    overflow: auto;
}

.game-sale-block .cross-sale-block .description .activity_condition::-webkit-scrollbar {
    width: 4px;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.game-sale-block .cross-sale-block .description .activity_condition::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.1);
}

.game-sale-block .cross-sale-block .description .activity_condition::scrollbar-thumb {
    /*定义滑块 内阴影+圆角*/
    width: 4px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 4px;
}

.game-sale-block .cross-sale-block .description .discount_price_tip {
    font-weight: 700;
    margin-bottom: 20px;
}

.game-sale-block .cross-sale-block .description .discount_price_tip .discount_price {
    color: #ff6900;
    margin-left: 5px;
}

.game-sale-block .cross-sale-block .description .conditions {
    color: rgba(255, 255, 255, 0.9);
}

.game-sale-block .cross-sale-block .description .conditions .condition {
    margin-bottom: 10px;
}

.game-sale-block .cross-sale-block .description .conditions .condition:last-child {
    margin-bottom: 0;
}

.game-sale-block .cross-sale-block:hover .hover-coupon-list {
    display: block;
    z-index: 10000;
}

.game-sale-block .coupon-list-block-placeholder {
    padding: 10px 20px 0 20px;
    height: 24px;
    width: 100%;
}

.game-sale-block .promotion {
    display: block;
    padding: 20px 20px 0 20px;
    font-size: 14px;
    color: #ff9800;
    height: 22px;
    line-height: 22px;
}

.game-sale-block .promotion .promotion_logo {
    background: url(/e3e40a4ea334ccbe09b3aff830a80932.png) 0 0 no-repeat;
    width: 22px;
    height: 22px;
    display: inline-block;
    background-size: contain;
    margin-right: 5px;
}

.game-sale-block .promotion span {
    width: 280px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

.game-sale-block .seckill-tip {
    width: 350px;
    height: 35px;
    position: relative;
    background: url(/4233f3699f2d85f3a59f35825976cf1c.png) 0 0 no-repeat;
    margin-top: 20px;
}

.game-sale-block .seckill-tip .left-time {
    display: inline-block;
    padding: 7px 0 7px 140px;
    color: #f8e71c;
    font-size: 15px;
    text-align: left;
    font-weight: 600;
}

.game-sale-block .seckill-tip .action {
    float: right;
    display: inline-block;
    width: 58px;
    height: 25px;
    margin: 5px 10px;
    background: url(/44b6f7e015f448f9228ca57b8d8026d1.png) 0 0 no-repeat;
    cursor: pointer;
}

.game-sale-block .seckill-tip .action:hover {
    background: url(/fd3d7c3344c70ec0c9929d7462e73cd4.png) 0 0 no-repeat;
}

.game-sale-block .seckill-tip .sec-kill-price {
    color: #f8e71c;
    font-size: 15px;
    font-weight: 600;
    display: inline-block;
    margin-left: 3px;
    max-width: 125px;
    overflow: hidden;
    position: relative;
    top: 5px;
}

.game-sale-block .seckill-tip:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.game-sale-block .game_info_platform {
    padding: 40px 20px 0 20px;
}

.game-sale-block .game_info_platform .game_info_platform_top .platform_label {
    height: 16px;
    font-size: 12px;
    font-family: "Microsoft YaHei UI";
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 10px;
    color: rgba(255, 255, 255, 0.7);
}

.game-sale-block .game_info_platform .game_info_platform_top .platform-font {
    padding: 5px 8px 5px 5px;
    display: inline-block;
    color: #ffffff;
    border-radius: 3px;
    border: 1px solid rgba(255, 255, 255, 0.9);
    cursor: pointer;
}

.game-sale-block .game_info_platform .game_info_platform_top .platform-font .platform_icon {
    width: 17px;
    height: 17px;
    margin: auto;
    margin-right: 6px;
    display: inline-block;
    vertical-align: middle;
}

.game-sale-block .game_info_platform .game_info_platform_top .platform-font .platform_icon:before {
    position: relative;
    top: -5px;
}

.game-sale-block .game_info_platform .game_info_platform_bottom {
    padding-top: 20px;
}

.game-sale-block .game_info_platform .game_info_platform_bottom .platform_version {
    font-size: 12px;
    font-family: "Microsoft YaHei UI";
    font-weight: 400;
    line-height: 12px;
    margin-bottom: 10px;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 10px;
}

.game-sale-block .game_info_platform .game_info_platform_bottom .game_info_platform_list {
    display: flex;
    flex-wrap: wrap;
}

.game-sale-block .game_info_platform .game_info_platform_bottom .game_info_platform_list .version_item {
    display: inline-block;
    border-radius: 2px;
    background-color: #282931;
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, 0.3);
    font-size: 12px;
    font-family: "Microsoft YaHei UI";
    font-weight: 400;
    line-height: 16px;
    color: rgba(255, 255, 255, 0.9);
    margin-right: 10px;
    margin-bottom: 10px;
}

.game-sale-block .game_info_platform .game_info_platform_bottom .game_info_platform_list .version_item .version_item_name {
    padding: 7px 10px;
    color: rgba(255, 255, 255, 0.9);
}

.game-sale-block .game_info_platform .game_info_platform_bottom .game_info_platform_list .version_item:first-child {
    border-radius: 3px;
    border: 1px solid rgba(255, 255, 255, 0.9);
}

.game-sale-block .game_info_platform .game_info_platform_bottom .game_info_platform_list .version_item:first-child .version_item_name {
    color: #ffffff;
}

.game-sale-block .sale-info {
    padding: 40px 20px 0 20px;
}

.game-sale-block .sale-info:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.game-sale-block .sale-info .sale-info_block {
    display: flex;
    align-items: center;
}

.game-sale-block .sale-info .sale-price {
    font-size: 16px;
    font-family: "Microsoft YaHei UI";
    font-weight: bold;
    line-height: 20px;
    color: rgba(255, 255, 255, 0.9);
}

.game-sale-block .sale-info .origin-price {
    margin-left: 10px;
    font-size: 12px;
    line-height: 20px;
    font-family: "Microsoft YaHei UI";
    font-weight: 400;
    color: rgba(255, 255, 255, 0.5);
    text-decoration: line-through;
    margin-right: 10px;
}

.game-sale-block .sale-info .off-count {
    font-size: 14px;
    font-family: "Microsoft YaHei UI";
    font-weight: 400;
    line-height: 14px;
    color: white;
    background-color: #ff6900;
    border-radius: 3px;
    padding: 5px 8px;
}

.game-sale-block .sale-info .off-count label {
    color: #7a80a2;
    font-size: 10px;
}

.game-sale-block .show_price_time {
    padding: 10px 20px;
    display: flex;
    align-items: center;
    color: #ff3355;
    font-weight: bold;
    font-size: 14px;
}

.game-sale-block .show_price_time:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.game-sale-block .show_price_time>.diff-time>.time-diff-simple-sec-panel {
    color: #ff3355;
    background: none;
    font-weight: bold;
    font-size: 14px;
    padding: 0;
}

.game-sale-block .btns-block {
    padding: 20px;
}

.game-sale-block .btns-block:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.game-sale-block .btns-block .btn-common-css {
    float: left;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-radius: 2px;
}

.game-sale-block .btns-block .btn-common-css>button {
    font-size: 16px;
    font-weight: 600;
}

.game-sale-block .btns-block .btn-common-css>button:disabled {
    color: rgba(255, 255, 255, 0.7);
    background-color: rgba(255, 255, 255, 0.3);
}

.game-sale-block .btns-block .btn-common-css>button:disabled:hover {
    color: rgba(255, 255, 255, 0.7);
    background-color: rgba(255, 255, 255, 0.3);
}

.game-sale-block .btns-block .add-cart {
    margin-right: 15px;
    color: #7a80a2;
    background-color: #3f4760;
    font-size: 18px;
    font-weight: 600;
}

.game-sale-block .btns-block .add-cart i {
    margin-right: 5px;
}

.game-sale-block .btns-block .off-shelve {
    width: 310px;
    color: rgba(255, 255, 255, 0.5);
    background-color: rgba(255, 255, 255, 0.1);
    font-size: 18px;
    font-weight: 600;
    cursor: not-allowed;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.game-sale-block .btns-block .already-pur,
.game-sale-block .btns-block .not-allowed {
    width: 310px;
    color: rgba(255, 255, 255, 0.7);
    background-color: rgba(255, 255, 255, 0.3);
    font-size: 18px;
    font-weight: 600;
    cursor: not-allowed;
}

.game-sale-block .btns-block .ip-block-info {
    font-size: 14px;
}

.game-sale-block .btns-block .pre-add-cart {
    width: 45px;
    font-size: 18px;
    font-weight: 600;
}

.game-sale-block .btns-block .pre-buy-btn,
.game-sale-block .btns-block .sec-kill-btn {
    color: #7a80a2;
    background-color: #3f4760;
    font-size: 18px;
    font-weight: 600;
}

.game-sale-block .btns-block .pre-buy-btn i,
.game-sale-block .btns-block .sec-kill-btn i {
    font-size: 20px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin-right: 5px;
}

.game-sale-block .btns-block .sec-kill-btn {
    width: 310px;
}

.game-sale-block .btns-block .pre-buy-btn {
    width: 250px;
    margin-left: 15px;
}

.game-sale-block .btns-block .pre-buy-btn.active {
    background-color: #bd10e0;
    color: #fff;
    cursor: pointer;
}

.game-sale-block .btns-block .pre-buy-btn.active:hover {
    background-color: #dc34ff;
}

.game-sale-block .btns-block .sec-kill-btn.active {
    background-color: #fd115b;
    color: #fff;
    cursor: pointer;
}

.game-sale-block .btns-block .sec-kill-btn.active:hover {
    background-color: #ff3575;
}

.game-sale-block .btns-block .add-cart.active,
.game-sale-block .btns-block .pre-add-cart.active {
    color: #fff;
    background-color: #ff6900;
    cursor: pointer;
}

.game-sale-block .btns-block .add-cart.active:hover,
.game-sale-block .btns-block .pre-add-cart.active:hover {
    background-color: #ff8400;
}

.game-sale-block .btns-block .one-click {
    width: 125px;
    font-size: 18px;
    font-weight: 600;
    color: #7a80a2;
    background-color: #3f4760;
}

.game-sale-block .btns-block .one-click.active {
    color: #fff;
    background-color: #508bf3;
    cursor: pointer;
}

.game-sale-block .btns-block .one-click.active:hover {
    background-color: #5693fe;
}

.game-sale-block .btns-block .include_points_pay {
    display: flex;
}

.game-sale-block .btns-block .include_points_pay .add-cart {
    width: auto;
}

.game-sale-block .btns-block .include_points_pay .add-cart button {
    padding: 0 10px;
}

.game-sale-block .btns-block .include_points_pay .one-click {
    width: 115px;
    font-size: 16px;
}

.game-sale-block .btns-block .btn-exchange {
    font-weight: 700;
    line-height: 18px;
    flex: 1;
}

.game-sale-block .btns-block .btn-exchange button {
    display: block;
}

.game-sale-block .btns-block .btn-exchange .points-num {
    font-size: 16px;
}

.game-sale-block .btns-block .btn-exchange.margin_left {
    margin-left: 15px;
}

.game-sale-block .origin-package-tip {
    padding: 0 0px 0 20px;
    margin-bottom: 7px;
    color: #fd115b;
    font-size: 14px;
    word-break: break-all;
    text-align: left;
}

.game-sale-block .origin-package-tip .name {
    color: #ff9800;
    cursor: pointer;
}

.game-sale-block .origin-package-tip .name:hover {
    text-decoration: underline;
}

.game-sale-block .add-to-list-container {
    width: 350px;
    display: flex;
    justify-content: space-between;
}

.game-sale-block .add-to-list-container .add-game-list {
    text-align: right;
    padding: 0 20px 17px 20px;
    font-size: 14px;
    display: inline-block;
    color: rgba(255, 255, 255, 0.3);
}

.game-sale-block .add-to-list-container .add-game-list i {
    color: #ff6900;
    margin-right: 6px;
}

.game-sale-block .add-to-list-container .add-wish-list {
    padding: 0 20px 17px 20px;
    font-size: 14px;
    text-align: left;
    display: inline-block;
    color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
}

.game-sale-block .add-to-list-container .add-wish-list i {
    color: #ff6900;
    margin-right: 6px;
}

.game-sale-block .add-to-list-container .grey {
    color: rgba(255, 255, 255, 0.3);
}

.game-sale-block .add-to-list-container .grey i {
    color: rgba(255, 255, 255, 0.3);
}

.game-sale-block .add-to-list-container .grey:hover {
    color: rgba(255, 255, 255, 0.7);
}

.game-sale-block .add-to-list-container .grey:hover i {
    color: #ff6900;
}

.game-sale-block .grey {
    cursor: pointer;
}

.game-sale-block .grey i {
    color: rgba(255, 255, 255, 0.3);
}

.game-sale-block .grey:hover i {
    color: #ff6900;
}

ul {
    margin: 0;
}

.overlayfixed_rich_editor {
    width: auto;
    height: auto;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    z-index: 10000;
    overflow: hidden;
    overflow-y: hidden;
    background: rgba(0, 0, 0, 0.5);
}

.overlayfixed_rich_editor .hide,
.overlayfixed_rich_editor.hide {
    display: none;
}

.overlayfixed_rich_editor .overlaybox-wrap {
    margin: auto;
    position: relative;
}

.overlayfixed_rich_editor .overlaybox-wrap .overlaybox-content {
    color: rgba(255, 255, 255, 0.7);
}

.overlayfixed_rich_editor .overlaybox-wrap .overlaybox-content .overlaybox-header {
    height: 64px;
    line-height: 64px;
    font-size: 18px;
    background-color: #272830;
    border-radius: 4px 4px 0 0;
}

.overlayfixed_rich_editor .overlaybox-wrap .overlaybox-content .overlaybox-header .overlaybox-title {
    display: inline-block;
    padding-left: 25px;
    font-weight: bold;
    color: #fff;
    float: left;
    margin: 0;
}

.overlayfixed_rich_editor .overlaybox-wrap .overlaybox-content .overlaybox-header .overlaybox-close-btn {
    display: inline-block;
    color: #c9c9c9;
    text-align: center;
    float: right;
    width: 64px;
    line-height: 64px;
}

.overlayfixed_rich_editor .overlaybox-wrap .overlaybox-content .overlaybox-header .overlaybox-close-btn .iconfont_editor {
    font-size: 22px;
}

.overlayfixed_rich_editor .overlaybox-wrap .overlaybox-content .overlaybox-header .overlaybox-close-btn:hover {
    color: #fff;
}

.overlayfixed_rich_editor .overlaybox-wrap .overlaybox-content .overlaybox-header:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.overlayfixed_rich_editor .overlaybox-wrap .overlaybox-content .overlaybox-body {
    background-color: #fff;
    border-radius: 0 0 4px 4px;
}

.overlayfixed_rich_editor .overlaybox-wrap .overlaybox-content .overlaybox-body {
    background: #272830;
    border-radius: 0 0 0 0;
}

.overlayfixed_rich_editor .overlaybox-wrap.simple .overlaybox-header,
.overlayfixed_rich_editor .overlaybox-wrap.simple .overlaybox-body,
.overlayfixed_rich_editor .overlaybox-wrap.picture-view .overlaybox-header,
.overlayfixed_rich_editor .overlaybox-wrap.picture-view .overlaybox-body {
    background: none;
}

.overlayfixed_rich_editor .overlaybox-wrap.simple .overlaybox-header,
.overlayfixed_rich_editor .overlaybox-wrap.picture-view .overlaybox-header {
    display: none;
}

.SK-button-com {
    height: 100%;
    color: #fff;
    font-size: 14px;
}

.SK-button-com button {
    height: inherit;
    width: 100%;
    border: none;
    outline: none;
    box-sizing: border-box;
    border-radius: 2px;
    transition: all ease-in-out 0.3s;
    color: #fff;
}

.SK-button-com button:hover {
    cursor: pointer;
}

.SK-button-com button.orange {
    background-color: #eb6100;
}

.SK-button-com button.orange:hover {
    background-color: #ff8400;
}

.SK-button-com button.new_orange {
    background: linear-gradient(180deg, #ff6900 0%, #f80 100%);
}

.SK-button-com button.new_orange:hover {
    background-color: #ff8400;
}

.SK-button-com button.light-gray {
    color: #7a80a2;
    background-color: transparent;
    border: solid 1px #7a80a2;
}

.SK-button-com button.light-gray:hover {
    color: #7a80a2;
}

.SK-button-com button.purple {
    background-color: #bd10e0;
}

.SK-button-com button.purple:hover {
    background-color: #dc34ff;
}

.SK-button-com button.pink-red {
    background-color: #fd115b;
}

.SK-button-com button.pink-red:hover {
    background-color: #ff3575;
}

.SK-button-com button.light-purple {
    background-color: rgba(255, 255, 255, 0.7);
}

.SK-button-com button.blue {
    background-color: #508bf3;
}

.SK-button-com button.blue:hover {
    background-color: #5693fe;
}

.SK-button-com button.orange-light {
    color: #eb6100;
    background-color: #fff;
    border: solid 1px #eb6100;
}

.SK-button-com button.pink {
    background-color: #f53b5a;
}

.SK-button-com button.grey {
    background-color: rgba(255, 255, 255, 0.5);
    color: white;
}

.SK-button-com.pending button {
    color: #fff;
    background-color: transparent;
    border: solid 1px #fff;
}

.SK-slate-editor-content {
    margin: 0 auto;
    max-height: 100%;
    overflow: auto;
    width: 100%;
}

.SK-slate-editor-content table {
    border-collapse: collapse;
    border-spacing: 0;
}

.SK-slate-editor-content .SK-slate-editor-body {
    margin: 30px auto 0;
    height: auto;
    background-color: #282931;
}

.SK-slate-editor-content .SK-slate-editor-toolbar-wrapper {
    background-color: #282931;
}

.SK-slate-editor-content .SK-slate-editor-toolbar {
    padding: 4px 10px;
    z-index: 99;
    position: relative;
    background-color: transparent;
}

.SK-slate-editor-content .SK-slate-editor-toolbar .toolbar-ul-block {
    float: left;
    border-right: solid 1px rgba(255, 255, 255, 0.1);
    margin-right: 5px;
}

.SK-slate-editor-content .SK-slate-editor-toolbar .SK-toolbar-button-block-wrapper {
    float: left;
    position: relative;
}

.SK-slate-editor-content .SK-slate-editor-toolbar .toolbar-ul-block:last-child {
    border-right: 0 !important;
}

.SK-slate-editor-content .SK-slate-editor-toolbar .SK-toolbar-button-block {
    float: left;
    position: relative;
    cursor: pointer;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    transition: all 0.5s ease;
    color: rgba(255, 255, 255, 0.7);
    margin-right: 5px;
}

.SK-slate-editor-content .SK-slate-editor-toolbar .SK-toolbar-button-block .iconfont_editor {
    font-size: 20px;
}

.SK-slate-editor-content .SK-slate-editor-toolbar .SK-toolbar-button-block .remind-card {
    position: absolute;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    left: 50%;
    transform: translateX(-50%);
    display: none;
    top: -100%;
}

.SK-slate-editor-content .SK-slate-editor-toolbar .SK-toolbar-button-block .remind-card .text {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    color: #fff;
    background: #000;
    text-align: center;
    padding: 0 9px;
    box-sizing: border-box;
    white-space: nowrap;
    border-radius: 2px 2px 2px 2px;
}

.SK-slate-editor-content .SK-slate-editor-toolbar .SK-toolbar-button-block .remind-card .wrapper {
    height: 4px;
    line-height: 4px;
}

.SK-slate-editor-content .SK-slate-editor-toolbar .SK-toolbar-button-block .remind-card .triangle {
    display: inline-block;
    height: 0;
    width: 0;
    border-style: solid;
    border-width: 5px;
    border-color: rgba(0, 0, 0, 0.8) transparent transparent transparent;
}

.SK-slate-editor-content .SK-slate-editor-toolbar .SK-toolbar-button-block:hover {
    color: #fff;
    background: #222327;
    border-radius: 3px;
}

.SK-slate-editor-content .SK-slate-editor-toolbar .SK-toolbar-button-block:hover .remind-card {
    display: block;
}

.SK-slate-editor-content .SK-slate-editor-toolbar .active-button {
    background: #222327;
    color: #fff;
    border-radius: 3px;
}

.SK-slate-editor-content .SK-slate-editor-toolbar .color-selector-block {
    float: left;
    position: relative;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
    transition: all 0.5s ease;
}

.SK-slate-editor-content .SK-slate-editor-toolbar .color-selector-block .color-selector {
    line-height: 28px;
    display: inline-block;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
}

.SK-slate-editor-content .SK-slate-editor-toolbar .color-selector-block .active {
    background: #222327;
    border-radius: 3px;
}

.SK-slate-editor-content .SK-slate-editor-toolbar .color-selector-block .select-list {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 2;
    width: 60px;
    padding: 5px 0;
    margin: 0;
    text-align: center;
    list-style: none;
    background: #272830;
    box-shadow: 0px 12px 28px 1px rgba(0, 0, 0, 0.5);
    border-radius: 3px 3px 3px 3px;
    border: 1px solid #3e4042;
}

.SK-slate-editor-content .SK-slate-editor-toolbar .color-selector-block .select-list li {
    height: 26px;
    line-height: 26px;
    cursor: pointer;
    width: 100%;
    box-sizing: border-box;
    color: #33394d;
    font-size: 12px;
}

.SK-slate-editor-content .SK-slate-editor-toolbar .color-selector-block .select-list.show {
    display: block;
}

.SK-slate-editor-content .SK-slate-editor-toolbar:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.SK-slate-editor-content .editor-content {
    padding: 20px 20px 50px 20px;
    min-height: 400px;
    max-height: 490px;
    box-sizing: border-box;
    font-size: 14px;
    color: white;
    line-height: 24px;
    background-color: #282931;
    overflow: auto;
}

.SK-slate-editor-content .editor-content::-webkit-scrollbar {
    width: 4px;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.SK-slate-editor-content .editor-content::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.1);
}

.SK-slate-editor-content .editor-content::scrollbar-thumb {
    width: 4px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 4px;
}

.SK-slate-editor-content .editor-content [data-slate-editor]>*+* {
    margin-top: 1em;
}

.SK-slate-editor-content .editor-content iframe {
    display: block;
    width: 640px;
    height: 360px;
    border: 0;
    margin: auto;
}

.SK-slate-editor-content .editor-content pre {
    white-space: pre-wrap;
    word-wrap: break-all;
}

.SK-slate-editor-content .editor-content h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

.SK-slate-editor-content .editor-content h2 {
    font-size: 1.5em;
    margin: 0.75em 0;
}

.SK-slate-editor-content .editor-content h3 {
    font-size: 1em;
    margin: 0.75em 0;
}

.SK-slate-editor-content .editor-content h4,
.SK-slate-editor-content .editor-content ul,
.SK-slate-editor-content .editor-content fieldset,
.SK-slate-editor-content .editor-content form,
.SK-slate-editor-content .editor-content ol,
.SK-slate-editor-content .editor-content dl,
.SK-slate-editor-content .editor-content dir,
.SK-slate-editor-content .editor-content menu {
    margin: 1.12em 0;
}

.SK-slate-editor-content .editor-content h5 {
    font-size: 0.83em;
    margin: 1.5em 0;
}

.SK-slate-editor-content .editor-content h6 {
    font-size: 0.75em;
    margin: 1.67em 0;
}

.SK-slate-editor-content .editor-content h1,
.SK-slate-editor-content .editor-content h2,
.SK-slate-editor-content .editor-content h3,
.SK-slate-editor-content .editor-content h4,
.SK-slate-editor-content .editor-content h5,
.SK-slate-editor-content .editor-content h6,
.SK-slate-editor-content .editor-content b,
.SK-slate-editor-content .editor-content strong {
    font-weight: bolder;
}

.SK-slate-editor-content .editor-content hr {
    border: none;
    border-top: 1px solid #dcdcdc;
    height: 0;
}

.SK-slate-editor-content .editor-content p,
.SK-slate-editor-content .editor-content center {
    margin-bottom: 10px;
}

.SK-slate-editor-content .editor-content a {
    color: #2f5c94;
}

.SK-slate-editor-content .editor-content ul {
    list-style-type: disc;
    padding-left: 15px;
}

.SK-slate-editor-content .editor-content ol {
    list-style-type: decimal;
    padding-left: 15px;
}

.SK-slate-editor-content .editor-content li ul {
    list-style-type: circle;
    margin: 0;
}

.SK-slate-editor-content .editor-content li ol {
    list-style-type: upper-alpha;
    margin: 0;
}

.SK-slate-editor-content .editor-content li li ul {
    list-style-type: disc;
}

.SK-slate-editor-content .editor-content li li ol {
    list-style-type: lower-latin;
}

.SK-slate-editor-content .editor-content li li li ul {
    list-style-type: circle;
}

.SK-slate-editor-content .editor-content li li li ol {
    list-style-type: lower-roman;
}

.SK-slate-editor-content .editor-content blockquote {
    padding-left: 10px;
    border-left: 0.25em solid #7a80a2;
    color: #7a80a2;
}

.SK-slate-editor-content .editor-content blockquote p {
    margin: 4px 10px 4px 0;
}

.SK-slate-editor-content .editor-content video,
.SK-slate-editor-content .editor-content img {
    display: block;
    max-width: 755px;
    margin: auto;
}

.SK-slate-editor-content .editor-content span.spoiler {
    background: #000;
    color: #000;
}

.SK-slate-editor-content .editor-content span.spoiler:hover {
    color: #fff;
}

.SK-slate-editor-content .editor-content table {
    border-color: white;
}

.SK-slate-editor-content .editor-content table td {
    min-width: 25px;
}

.SK-slate-editor-content .editor-content div.table_box {
    overflow: auto;
}

.SK-slate-editor-content::-webkit-scrollbar {
    width: 10px;
}

.SK-slate-editor-content::-webkit-scrollbar.single {
    background: #fff;
}

.SK-slate-editor-content::-webkit-scrollbar-thumb {
    width: 10px;
    background: #eee;
}

.SK-slate-editor-block {
    height: 100%;
}

.slate_for_post .SK-slate-editor-body,
.slate_for_review .SK-slate-editor-body {
    border: none;
}

.slate_for_post .SK-slate-editor-toolbar,
.slate_for_review .SK-slate-editor-toolbar {
    border-radius: 3px 3px 0px 0px;
    background-color: #515258;
    z-index: 99;
}

.slate_for_post .editor-content,
.slate_for_review .editor-content {
    background-color: rgba(255, 255, 255, 0.1);
}

.slate_for_headline .SK-slate-editor-body {
    padding-bottom: 30px;
}

.slate_for_headline .SK-slate-editor-toolbar {
    padding: 25px 12px;
    margin: 0 18px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.slate_for_headline .editor-content {
    max-height: 600px;
}

.slate_for_operation {
    box-sizing: content-box;
}

.slate_for_operation .overlayfixed_rich_editor {
    z-index: 99;
}

.slate_for_operation .SK-slate-editor-body {
    background-color: #fff;
    border: 1px solid #ddd;
}

.slate_for_operation .SK-slate-editor-toolbar-wrapper {
    background-color: #fff;
    border: 1px solid #c5d9e8;
}

.slate_for_operation .SK-slate-editor-toolbar-wrapper .SK-slate-editor-toolbar .toolbar-ul-block {
    border-right: 1px solid #c5d9e8;
}

.slate_for_operation .SK-slate-editor-toolbar-wrapper .SK-toolbar-button-block {
    color: #797fa5;
    border: 1px solid transparent;
}

.slate_for_operation .SK-slate-editor-toolbar-wrapper .SK-toolbar-button-block:hover {
    border: 1px solid #ff6900;
    background: #fff0e6;
    color: #7a80a2;
}

.slate_for_operation .SK-slate-editor-toolbar-wrapper .active-button {
    border: 1px solid #ff6900;
    background: #fff0e6;
    color: #7a80a2;
}

.slate_for_operation .SK-slate-editor-toolbar-wrapper .select-list {
    background: transparent;
    box-shadow: none;
}

.slate_for_operation .SK-slate-editor-content .editor-content {
    background-color: #fff;
    min-height: 650px;
    max-height: 650px;
    color: #333;
}

.slate_for_operation .SK-slate-editor-content .editor-content::-webkit-scrollbar {
    width: 6px;
    border-left: none;
}

.slate_for_operation .SK-slate-editor-content .editor-content::-webkit-scrollbar-thumb {
    background: #c5d9e8;
}

.slate_for_operation .overlaybox-content {
    background-color: #fff !important;
    color: #333 !important;
    box-shadow: none !important;
    border: none !important;
}

.slate_for_operation .overlaybox-content .overlaybox-header,
.slate_for_operation .overlaybox-content .overlaybox-body {
    background-color: #fff !important;
}

.slate_for_operation .overlaybox-content .overlaybox-header .overlaybox-close-btn,
.slate_for_operation .overlaybox-content .overlaybox-body .overlaybox-close-btn {
    color: #a9a9a9 !important;
}

.slate_for_operation .overlaybox-content .overlaybox-header .overlaybox-close-btn:hover,
.slate_for_operation .overlaybox-content .overlaybox-body .overlaybox-close-btn:hover {
    color: #a9a9a9 !important;
}

.slate_for_operation .overlaybox-content .overlaybox-title {
    color: #333 !important;
}

.slate_for_operation .overlaybox-content input {
    color: initial;
}

.slate_for_operation .overlaybox-content .addimage-modal .upload input {
    background-color: #f8f9ff;
    border: solid 1px #c5d9e8;
    color: #8dabc4;
}

.slate_for_operation .overlaybox-content .addimage-modal .upload .simple-uploader-container button {
    color: #8dabc4;
    border: 1px solid #c5d9e8;
}

.slate_for_operation .overlaybox-content .addimage-modal .link .title {
    font-size: 12px;
}

.slate_for_operation .overlaybox-content .addimage-modal .link input {
    border: solid 1px #c5d9e8;
    color: #3f536e;
}

.slate_for_operation .overlaybox-content .SK-datas-action button.grey,
.slate_for_operation .overlaybox-content .action button.grey {
    color: #8dabc4;
    border: 1px solid #c5d9e8;
}

.slate_for_operation .modal-addimage .mask {
    background: rgba(0, 0, 0, 0.5);
}

.slate_for_operation .SK-add-data-block .SK-datas-list .data-block {
    box-sizing: content-box;
}

.slate_for_operation .SK-add-data-block .SK-datas-list .data-block .icon-wrap {
    border: 1px solid #c5d9e8;
    border-bottom: none;
}

.slate_for_operation .SK-add-data-block .SK-datas-list .data-block .field-name {
    color: #333;
}

.slate_for_operation .SK-add-data-block .SK-datas-list .data-block input {
    border: 1px solid #c5d9e8 !important;
    background: none;
    color: #333;
}

.SK-add-data-block {
    padding: 35px;
    width: 450px;
    box-sizing: content-box;
}

.SK-add-data-block .SK-datas-list {
    margin-bottom: 35px;
}

.SK-add-data-block .SK-datas-list .data-block {
    color: #a9a9a9;
    font-size: 14px;
    margin-bottom: 30px;
}

.SK-add-data-block .SK-datas-list .data-block .icon-wrap {
    display: block;
    height: 41px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    background: #eee;
    border-right: 1px solid #ddd;
}

.SK-add-data-block .SK-datas-list .data-block .icon-wrap .iconfont_editor {
    font-size: 18px;
    color: #7a80a2;
}

.SK-add-data-block .SK-datas-list .data-block .field-name {
    margin-bottom: 20px;
    color: #fff;
}

.SK-add-data-block .SK-datas-list .data-block input {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    border: 0;
    text-indent: 10px;
    width: 100%;
    outline: none;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
}

.SK-add-data-block .SK-datas-list .data-tips {
    color: #a9a9a9;
    font-size: 12px;
}

.SK-add-data-block .SK-datas-action {
    text-align: right;
}

.SK-add-data-block .SK-datas-action button {
    height: 36px;
    width: 88px;
    line-height: 36px;
    font-size: 14px;
    color: #fff;
    border: none;
    border-radius: 3px;
    outline: none !important;
    cursor: pointer;
}

.SK-add-data-block .SK-datas-action .SK-button-com {
    display: inline-block;
    margin-left: 20px;
}

.SK-error-popup {
    font-size: 16px;
    text-align: center;
    width: 450px;
    padding: 60px 0 120px;
}

.simple-uploader-container {
    position: relative;
}

.simple-uploader-container .child {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.simple-uploader-container input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

@font-face {
    font-family: "iconfont_editor";
    src: url(/8d2e4cc9fbb040cbee1963e09abccd49.woff2) format("woff2"), url(/e76b8cd21bd9785da702c0fdf579af9f.woff) format("woff"), url(/65958e872582ef0f4fb0df3b8deeb125.ttf) format("truetype");
}

.iconfont_editor {
    font-family: "iconfont_editor" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-font-colors-2:before {
    content: "\E6CB";
}

.icon-References:before {
    content: "\E6CC";
}

.icon-table:before {
    content: "\E6CD";
}

.icon-citiao:before {
    content: "\E6CE";
}

.icon-align-center:before {
    content: "\E6B7";
}

.icon-font-colors:before {
    content: "\E6B9";
}

.icon-eye:before {
    content: "\E6BA";
}

.icon-face-smile:before {
    content: "\E6BB";
}

.icon-bold:before {
    content: "\E6BC";
}

.icon-link1:before {
    content: "\E6BD";
}

.icon-h1:before {
    content: "\E6BE";
}

.icon-minus:before {
    content: "\E6BF";
}

.icon-h2:before {
    content: "\E6C1";
}

.icon-italic:before {
    content: "\E6C2";
}

.icon-image:before {
    content: "\E6C3";
}

.icon-ordered-list:before {
    content: "\E6C4";
}

.icon-game:before {
    content: "\E6C5";
}

.icon-unordered-list:before {
    content: "\E6C6";
}

.icon-strikethrough:before {
    content: "\E6C7";
}

.icon-quote:before {
    content: "\E6C8";
}

.icon-video:before {
    content: "\E6C9";
}

.icon-underline:before {
    content: "\E6CA";
}

.icon-fh:before {
    content: "\E6B8";
}

.icon-jr:before {
    content: "\E6C0";
}

.icon-guanlianx:before {
    content: "\E790";
}

.icon-shipin:before {
    content: "\E676";
}

.icon-link:before {
    content: "\E692";
}

.icon-zitishezhi:before {
    content: "\E6B4";
}

.icon-times:before {
    content: "\E6B5";
}

.modal-emojis {
    position: initial;
    width: 100%;
    overflow: visible;
    background: none;
}

.modal-emojis .mask {
    background: none;
}

.modal-emojis .overlaybox-header {
    display: none;
}

.modal-emojis .overlaybox-wrap {
    top: 50px !important;
    position: absolute;
    left: 20px;
    z-index: 10000;
    width: auto !important;
}

.modal-emojis .overlaybox-content {
    box-shadow: 0px 12px 28px rgba(0, 0, 0, 0.5);
    border: 1px solid #3e4042;
    background-color: #272830;
    border-radius: 3px;
    overflow: hidden;
}

.modal-emojis.hide {
    display: none;
}

.SK-community-comment-block .modal-emojis {
    height: 100%;
}

.SK-community-talk-comment-container .modal-emojis {
    height: 100%;
}

.emojis-modal {
    width: 353px;
}

.emojis-modal span {
    background: none !important;
}

.emojis-modal .emojis-modal-t {
    border-bottom: 1px solid #34363d;
    height: 35px;
}

.emojis-modal .emojis-modal-t::after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.emojis-modal .emojis-modal-t .emojis-types {
    width: 300px;
    white-space: nowrap;
    display: inline-block;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
    line-height: 35px;
    height: 35px;
    overflow: hidden;
    position: relative;
}

.emojis-modal .emojis-modal-t .emojis-types .emojis-types-content {
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    transition: 0.5s;
}

.emojis-modal .emojis-modal-t .emojis-types .emojis-name {
    padding: 0 10px;
    cursor: pointer;
}

.emojis-modal .emojis-modal-t .emojis-types .active {
    color: #fff;
}

.emojis-modal .emojis-modal-t .btn-wrap {
    display: inline-block;
    float: right;
    height: 100%;
}

.emojis-modal .emojis-modal-t .btn-wrap span {
    font-size: 12px;
    height: 12px;
    line-height: 35px;
    color: rgba(255, 255, 255, 0.5);
    margin-right: 5px;
    cursor: pointer;
}

.emojis-modal .emojis-modal-t .btn-wrap .disabled {
    cursor: not-allowed;
    opacity: 0.1;
}

.emojis-modal .content {
    padding: 10px;
    height: 145px;
    overflow: auto;
}

.emojis-modal .content::-webkit-scrollbar {
    width: 4px;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.emojis-modal .content::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.1);
}

.emojis-modal .content::scrollbar-thumb {
    width: 4px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 4px;
}

.emojis-modal .content .emoji {
    width: 36px;
    height: 36px;
    margin-right: 5px;
    margin-bottom: 10px;
}

.modal-insertgame.hide {
    display: none;
}

.modal-insertgame .overlaybox-wrap {
    left: 10px;
}

.modal-insertgame .overlaybox-content {
    border: 1px solid #34363d;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0px 12px 28px rgba(0, 0, 0, 0.5);
}

.modal-insertgame .insertgame-modal {
    width: 200px;
    max-height: 280px;
    background-color: #272830;
}

.modal-insertgame .insertgame-modal .insertgame-modal-t {
    padding: 10px;
}

.modal-insertgame .insertgame-modal .insertgame-modal-t .title {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 10px;
}

.modal-insertgame .insertgame-modal .game-input {
    width: 100%;
    outline: none;
    border: none;
    height: 36px;
    border-radius: 3px;
    background-color: rgba(255, 255, 255, 0.1);
    padding: 9px 7px;
    box-sizing: border-box;
    line-height: 18px;
    font-size: 14px;
    color: #fff;
}

.modal-insertgame .insertgame-modal .content {
    color: rgba(255, 255, 255, 0.7);
    max-height: 190px;
    overflow: auto;
}

.modal-insertgame .insertgame-modal .content::-webkit-scrollbar {
    width: 4px;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.modal-insertgame .insertgame-modal .content::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.1);
}

.modal-insertgame .insertgame-modal .content li {
    padding: 10px;
    line-height: 18px;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.modal-insertgame .insertgame-modal .content li:hover {
    background-color: rgba(255, 255, 255, 0.05);
    color: #fff;
}

.post-game-card {
    display: block;
    width: 650px;
    height: 120px;
    box-sizing: border-box;
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 3px;
    margin: 15px auto;
    position: relative;
}

.post-game-card .game-card-a {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 5;
    top: 0;
    left: 0;
}

.post-game-card .cover {
    margin-right: 20px;
    width: 170px;
    height: 100%;
    float: left;
}

.post-game-card .cover img {
    margin: 0;
    max-width: 100%;
    width: 100%;
    height: 100%;
    border-radius: 3px;
}

.post-game-card .sku-info-unsale {
    font-size: 18px;
    color: #fff;
    line-height: 100px;
}

.post-game-card .sku-info .sku-info-t {
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.post-game-card .sku-info .sku-info-c {
    margin: 10px 0 22px;
    font-size: 12px;
    line-height: 14px;
    color: rgba(255, 255, 255, 0.5);
}

.post-game-card .sku-info .platform_icon {
    width: 12px;
    height: 12px;
    margin-right: 8px;
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
}

.post-game-card .sku-info .sku-info-b .sku-info-b-l {
    float: left;
    line-height: 28px;
}

.post-game-card .sku-info .sku-info-b .sku-info-b-r {
    float: right;
}

.post-game-card .sku-info .sku-info-b .sku-info-b-r button {
    border: none;
    text-align: center;
    box-sizing: border-box;
    padding: 3px 10px;
    font-size: 12px;
    background: #ff6900;
    color: #fff;
    cursor: pointer;
    outline: none;
    border-radius: 2px 2px 2px 2px;
    border: 1px solid transparent;
    font-size: 14px;
    line-height: 20px;
    min-width: 70px;
    box-sizing: border-box;
}

.post-game-card .sku-info .sku-info-b .game-discount {
    border: none;
    text-align: center;
    box-sizing: border-box;
    padding: 3px 10px;
    font-size: 12px;
    background: #ff6900;
    color: #fff;
    cursor: pointer;
    outline: none;
    border-radius: 2px 2px 2px 2px;
    font-weight: 700;
    font-size: 16px;
    margin-right: 10px;
    display: inline-block;
    padding-top: 0;
    padding-bottom: 0;
    height: 28px;
}

.post-game-card .sku-info .sku-info-b .game-sale-price {
    color: #fff;
    font-size: 16px;
    margin-right: 5px;
    font-weight: 700;
}

.post-game-card .sku-info .sku-info-b .game-origin-price {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.3);
    text-decoration: line-through;
}

.post-game-card .sku-info .sku-info-b button.coming_soon {
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 2px;
}

.post-game-card .sku-info .sku-info-b button.off-shelve {
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: rgba(255, 255, 255, 0.5);
}

.post-game-card .sku-info .sku-info-b button.pre_sale {
    background-color: #860fea;
}

.modal-addimage .mask {
    background: none;
}

.modal-addimage .overlaybox-wrap .overlaybox-header {
    display: block;
}

.modal-addimage .overlaybox-content {
    box-shadow: 0px 12px 28px rgba(0, 0, 0, 0.5);
}

.modal-addimage .addimage-modal {
    width: 500px;
}

.modal-addimage .content {
    padding: 30px 30px;
    text-align: left;
}

.modal-addimage .content input {
    border: none;
    height: 36px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 3px;
    padding: 9px 7px;
    box-sizing: border-box;
    outline: none;
    color: white;
}

.modal-addimage .content .upload {
    display: flex;
    justify-content: space-around;
    margin-bottom: 20px;
    width: 100%;
}

.modal-addimage .content .upload .simple-uploader-container {
    width: auto;
    white-space: nowrap;
}

.modal-addimage .content .upload .simple-uploader-container .child button {
    line-height: initial;
}

.modal-addimage .content .upload .btn {
    margin-left: 10px;
}

.modal-addimage .content .upload .btn button {
    padding: 10px 16px;
    background-color: rgba(255, 255, 255, 0.1);
}

.modal-addimage .content .link .title {
    margin: 0 0 10px;
}

.modal-addimage .action {
    text-align: right;
    padding-top: 30px;
}

.modal-addimage .action .btn {
    display: inline-block;
    margin-left: 20px;
}

.modal-addimage .action .btn button {
    padding: 10px 30px;
    line-height: initial;
}

.game-introduction {
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    transition: height 0.5s;
    margin-bottom: 45px;
    padding-bottom: 45px;
}

.game-introduction .game-introduction-title {
    height: 24px;
    font-size: 18px;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    line-height: 24px;
    padding-bottom: 20px;
    color: rgba(255, 255, 255, 0.9);
}

.game-introduction .game-introduction-content {
    overflow: hidden;
    color: rgba(255, 255, 255, 0.7);
    padding: 20px;
    font-size: 14px;
    font-family: "Microsoft YaHei UI";
    font-weight: 400;
    line-height: 24px;
    border-radius: 3px;
}

.game-introduction .fixed-action-block {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    text-align: center;
    color: #ffffff;
    height: 50px;
    background: #282931;
    display: flex;
    justify-content: center;
    align-items: center;
}

.game-introduction .fixed-action-block .action_4_article {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 790px;
    height: 100%;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 14px;
    font-family: "Microsoft YaHei UI";
    font-weight: bold;
    line-height: 20px;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.7);
}

.game-introduction .linear-gradient-bg {
    height: 125px;
    background: linear-gradient(180deg, rgba(40, 41, 49, 0) 0%, #282931 100%);
}

.game-introduction .linear-gradient-bg i {
    margin-top: 75px;
}

.game-introduction .cover-block {
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 25px;
    left: 0;
    background-color: #282931;
}

.game-introduction-limit-height {
    height: 320px;
}

.player-evaluation .player-evaluation-container .player-evaluation-title {
    padding-bottom: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.player-evaluation .player-evaluation-container .player-evaluation-title span {
    display: inline-block;
    height: 24px;
    font-size: 18px;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    line-height: 24px;
    color: rgba(255, 255, 255, 0.9);
}

.player-evaluation .player-evaluation-container .player-evaluation-title a {
    display: inline-block;
    background: linear-gradient(180deg, #ff6900 0%, #ff8800 100%);
    opacity: 1;
    border-radius: 3px;
    cursor: pointer;
    font-size: 14px;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    line-height: 18px;
    color: #ffffff;
    padding: 8px 24px;
}

.player-evaluation .player-evaluation-container .comment {
    border-radius: 3px;
}

.player-evaluation .player-evaluation-container .comment .score {
    background: #22232b;
    font-size: 56px;
    font-weight: 600;
    text-align: left;
    border-radius: 3px 3px;
    display: flex;
}

.player-evaluation .player-evaluation-container .comment .score .sonkwo_score {
    padding: 20px;
    display: inline-block;
    width: 100%;
    cursor: pointer;
}

.player-evaluation .player-evaluation-container .comment .score .sonkwo_score .type_name {
    margin-bottom: 18px;
    height: 19px;
    font-size: 14px;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    line-height: 18px;
    color: rgba(255, 255, 255, 0.5);
}

.player-evaluation .player-evaluation-container .comment .score .sonkwo_score .detail_info {
    display: flex;
    justify-content: space-between;
}

.player-evaluation .player-evaluation-container .comment .score .sonkwo_score .detail_info .left {
    display: flex;
}

.player-evaluation .player-evaluation-container .comment .score .sonkwo_score .detail_info .left .span_score {
    height: 64px;
    font-size: 50px;
    font-family: Microsoft YaHei UI;
    font-weight: bold;
    color: #ff9800;
    margin-right: 30px;
}

.player-evaluation .player-evaluation-container .comment .score .sonkwo_score .detail_info .left .tip {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #ff6900;
    font-size: 14px;
    font-weight: normal;
}

.player-evaluation .player-evaluation-container .comment .score .sonkwo_score .detail_info .left .tip .orange {
    color: #ff6900;
}

.player-evaluation .player-evaluation-container .comment .score .sonkwo_score .detail_info .left .tip i {
    margin-right: 2px;
}

.player-evaluation .player-evaluation-container .comment .score .sonkwo_score .detail_info .left .tip .grey {
    color: rgba(255, 255, 255, 0.5);
}

.player-evaluation .player-evaluation-container .comment .score .sonkwo_score .detail_info .left .evaluation-stars {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.3);
    font-weight: normal;
}

.player-evaluation .player-evaluation-container .comment .score .sonkwo_score .detail_info .right {
    display: flex;
    align-items: center;
}

.player-evaluation .player-evaluation-container .comment .score .sonkwo_score .detail_info .right .evaluation-block {
    display: inline-block;
    font-size: 18px;
    margin-left: 57px;
}

.player-evaluation .player-evaluation-container .comment .score .sonkwo_score .detail_info .right .evaluation-block .evaluation-level {
    color: #ff6900;
}

.player-evaluation .player-evaluation-container .comment .score .steam-score {
    padding: 20px;
    display: inline-block;
    width: 375px;
    cursor: pointer;
    color: #60b6e7;
}

.player-evaluation .player-evaluation-container .comment .score .steam-score .type_name {
    height: 19px;
    font-size: 14px;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    line-height: 18px;
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 18px;
}

.player-evaluation .player-evaluation-container .comment .score .steam-score .detail_info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.player-evaluation .player-evaluation-container .comment .score .steam-score .detail_info .left {
    display: flex;
}

.player-evaluation .player-evaluation-container .comment .score .steam-score .detail_info .left .fa_font {
    display: block;
    margin-right: 26px;
    font-size: 42px;
    transform: scale(0.9);
}

.player-evaluation .player-evaluation-container .comment .score .steam-score .detail_info .left .fa_font_up {
    color: #60b6e7;
}

.player-evaluation .player-evaluation-container .comment .score .steam-score .detail_info .left .fa_font_down {
    transform: rotate(180deg) scaleX(-1);
    color: #e26162;
}

.player-evaluation .player-evaluation-container .comment .score .steam-score .detail_info .left .info {
    color: #60b6e7;
    font-size: 14px;
    font-weight: normal;
    position: relative;
    margin-top: 5px;
}

.player-evaluation .player-evaluation-container .comment .score .steam-score .detail_info .left .info .msg-info {
    display: none;
    position: absolute;
    top: -56px;
    left: -50px;
    font-size: 12px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.8);
    color: rgba(255, 255, 255, 0.7);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
}

.player-evaluation .player-evaluation-container .comment .score .steam-score .detail_info .left .info .icon-rect {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background: #3f5760;
    border-radius: 3px;
    width: 19px;
    height: 19px;
    line-height: 19px;
    text-align: center;
    margin-bottom: 5px;
}

.player-evaluation .player-evaluation-container .comment .score .steam-score .detail_info .left .info .icon-rect i {
    font-size: 9px;
    color: #50e3c2;
    width: 9px;
    height: 11px;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.player-evaluation .player-evaluation-container .comment .score .steam-score .detail_info .left .info .icon-rect:hover~.msg-info {
    display: block;
}

.player-evaluation .player-evaluation-container .comment .score .steam-score .detail_info .left .info .review-sum {
    font-size: 12px;
    height: 17px;
    line-height: 17px;
    color: rgba(255, 255, 255, 0.3);
    font-weight: normal;
}

.player-evaluation .player-evaluation-container .comment .score .steam-score .detail_info .right {
    display: inline-block;
    width: 165px;
    text-align: center;
    position: relative;
}

.player-evaluation .player-evaluation-container .comment .score .steam-score .detail_info .right .percent-info {
    display: none;
    position: absolute;
    text-align: left;
    top: -56px;
    left: 0px;
    font-size: 12px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.8);
    color: rgba(255, 255, 255, 0.7);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
}

.player-evaluation .player-evaluation-container .comment .score .steam-score .detail_info .right .steam-level {
    font-size: 18px;
    text-align: right;
    cursor: pointer;
}

.player-evaluation .player-evaluation-container .comment .score .steam-score .detail_info .right .steam-level:hover~.percent-info {
    display: block;
}

.player-evaluation .player-evaluation-container .comment .score .epic-block .left {
    margin-left: 0;
}

.player-evaluation .player-evaluation-container .comment .score .epic-block .right .steam-level {
    font-size: 18px;
    color: #b9c0ef;
}

.player-evaluation .player-evaluation-container .comment .score .epic-block .right .percent-info {
    top: -35px;
    left: 35px;
}

.player-evaluation .player-evaluation-container .comment .score .epic-block .epic-award {
    display: inline-block;
    width: 58px;
    height: 58px;
    margin-right: 20px;
    position: relative;
    top: 8px;
}

.player-evaluation .player-evaluation-container .comment .score .epic-block .epic-award-weak {
    background: url(https://opencritic.com/assets/tiers/weak-man.png) no-repeat center;
    background-size: 100% 100%;
}

.player-evaluation .player-evaluation-container .comment .score .epic-block .epic-award-fair {
    background: url(https://opencritic.com/assets/tiers/fair-man.png) no-repeat center;
    background-size: 100% 100%;
}

.player-evaluation .player-evaluation-container .comment .score .epic-block .epic-award-strong {
    background: url(https://opencritic.com/assets/tiers/strong-man.png) no-repeat center;
    background-size: 100% 100%;
}

.player-evaluation .player-evaluation-container .comment .score .epic-block .epic-award-mighty {
    background: url(https://opencritic.com/assets/tiers/mighty-man.png) no-repeat center;
    background-size: 100% 100%;
}

.player-evaluation .player-evaluation-container .comment .score .epic-block .epic-txt {
    display: inline-block;
    color: #fff;
}

.player-evaluation .player-evaluation-container .comment .score .epic-block .epic-txt .epic-txt-num {
    color: #b9c0ef;
    font-size: 20px;
}

.player-evaluation .player-evaluation-container .comment .score .epic-block .epic-txt .epic-txt-title {
    font-size: 14px;
    color: #7a80a2;
}

.player-evaluation .player-evaluation-container .comment .score .recommend {
    color: #60b6e7;
    border-radius: 3px 3px 0 0;
}

.player-evaluation .player-evaluation-container .comment .score .active {
    background: #282931;
    border-radius: 3px 3px 0 0;
}

.player-evaluation .player-evaluation-container .player-tags {
    margin-top: 15px;
    margin-bottom: 12px;
}

.player-evaluation .player-evaluation-container .player-tags .player-tag-item {
    display: inline-block;
    background-color: #292e41;
    margin-right: 8px;
    padding: 4px 0 4px 6px;
    border-radius: 4px;
}

.player-evaluation .player-evaluation-container .player-tags .player-tag-item .item-title {
    display: inline-block;
    font-size: 12px;
    color: #222;
    text-align: left;
}

.player-evaluation .player-evaluation-container .player-tags .player-tag-item .item-title span {
    color: #3f4760;
}

.player-evaluation .player-evaluation-container .player-tags .player-tag-item .num {
    color: #7a80a2;
}

.player-evaluation .player-evaluation-container .player-tags .player-tag-item span:not(.item-title) {
    margin-right: 6px;
    display: inline-block;
}

.player-evaluation .player-evaluation-container .player-tags .player-tag-item .fire-icon {
    width: 12px;
    height: 17px;
    margin-bottom: -3px;
    background: url(/86aceab2fb49f04151e7cb5a310c30ba.png) no-repeat center;
}

.player-evaluation .player-evaluation-container .type {
    background-color: #282931;
    border-radius: 0 0 3px 3px;
}

.player-evaluation .player-evaluation-container .type .select-block {
    width: 100%;
    font-size: 14px;
}

.player-evaluation .player-evaluation-container .type .select-block i {
    float: right;
    line-height: 20px;
}

.player-evaluation .player-evaluation-container .type .select-block:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.player-evaluation .player-evaluation-container .type .select-block .toggle-menu {
    padding: 20px;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 20px;
}

.player-evaluation .player-evaluation-container .type .select-block .toggle-menu .toggle-menu_item {
    cursor: pointer;
    height: 21px;
    font-size: 16px;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    line-height: 28px;
    margin-left: 40px;
    color: rgba(255, 255, 255, 0.5);
}

.player-evaluation .player-evaluation-container .type .select-block .toggle-menu .active {
    color: rgba(255, 255, 255, 0.9);
}

.player-evaluation .player-evaluation-container .game-evaluation-list {
    width: 100%;
}

.player-evaluation .player-evaluation-container .game-evaluation-list .sticky {
    position: absolute;
    top: 0;
    right: 20px;
    width: 20px;
    height: 40px;
    background: url(/b7829c9e044c6fa20c2d3d90608bb797.png) no-repeat 0 0;
}

.player-evaluation .player-evaluation-container .game-evaluation-list .list-item {
    position: relative;
    padding: 20px;
    background-color: #282931;
    margin-bottom: 20px;
    border-radius: 3px;
}

.player-evaluation .player-evaluation-container .game-evaluation-list .list-item .item-left-block,
.player-evaluation .player-evaluation-container .game-evaluation-list .list-item .item-right-block {
    float: left;
    box-sizing: border-box;
}

.player-evaluation .player-evaluation-container .game-evaluation-list .list-item:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.player-evaluation .player-evaluation-container .game-evaluation-list .list-item .item-left-block {
    display: flex;
    align-items: center;
}

.player-evaluation .player-evaluation-container .game-evaluation-list .list-item .item-left-block .author-cover {
    margin-right: 10px;
    display: inline-block;
    cursor: pointer;
}

.player-evaluation .player-evaluation-container .game-evaluation-list .list-item .item-right-block {
    width: 709px;
}

.player-evaluation .player-evaluation-container .game-evaluation-list .list-item .item-right-block .stars i {
    font-size: 14px;
    margin-right: 2px;
}

.player-evaluation .player-evaluation-container .game-evaluation-list .list-item .item-right-block .stars .orange {
    color: #ff6900;
}

.player-evaluation .player-evaluation-container .game-evaluation-list .list-item .item-right-block .stars .grey {
    color: rgba(255, 255, 255, 0.5);
}

.player-evaluation .player-evaluation-container .game-evaluation-list .list-item .item-right-block .brief-info_user {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    margin-bottom: 10px;
}

.player-evaluation .player-evaluation-container .game-evaluation-list .list-item .item-right-block .brief-info_user .author-name {
    height: 19px;
    font-size: 19px;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    line-height: 18px;
    color: #ffffff;
    max-width: 140px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    margin-right: 5px;
}

.player-evaluation .player-evaluation-container .game-evaluation-list .list-item .item-right-block .brief-info_user .user-level {
    height: 19px;
    font-size: 14px;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    line-height: 18px;
    color: rgba(255, 255, 255, 0.7);
}

.player-evaluation .player-evaluation-container .game-evaluation-list .list-item .item-right-block .brief-info_user .user-level-placeholder {
    height: 18px;
}

.player-evaluation .player-evaluation-container .game-evaluation-list .list-item .item-right-block .brief-info {
    margin-top: -5px;
}

.player-evaluation .player-evaluation-container .game-evaluation-list .list-item .item-right-block .brief-info i {
    width: 18px;
    height: 18px;
    color: #e16263;
    font-size: 18px;
    display: inline-block;
}

.player-evaluation .player-evaluation-container .game-evaluation-list .list-item .item-right-block .brief-info .recommend {
    color: #60b6e7;
}

.player-evaluation .player-evaluation-container .game-evaluation-list .list-item .item-right-block .brief-info .disrecommend {
    transform: rotate(180deg) scaleX(-1) translate(0px, -10px);
    color: #e26162;
}

.player-evaluation .player-evaluation-container .game-evaluation-list .list-item .item-right-block .brief-info .status {
    display: inline-block;
}

.player-evaluation .player-evaluation-container .game-evaluation-list .list-item .item-right-block .brief-info .status div {
    display: inline-block;
    margin-left: 10px;
}

.player-evaluation .player-evaluation-container .game-evaluation-list .list-item .item-right-block .brief-info .status .personal-status {
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    color: #e16263;
}

.player-evaluation .player-evaluation-container .game-evaluation-list .list-item .item-right-block .brief-info .status .recommend-status {
    color: #60b6e7;
}

.player-evaluation .player-evaluation-container .game-evaluation-list .list-item .item-right-block .brief-info .status .label {
    font-size: 12px;
    height: 17px;
    line-height: 17px;
    color: rgba(255, 255, 255, 0.7);
    margin-left: 10px;
}

.player-evaluation .player-evaluation-container .game-evaluation-list .list-item .item-right-block .brief-info .status .played_time {
    height: 16px;
    font-size: 12px;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    line-height: 18px;
    color: rgba(255, 255, 255, 0.5);
    margin-left: 20px;
}

.player-evaluation .player-evaluation-container .game-evaluation-list .list-item .item-right-block .brief-info .status .from-steam {
    padding: 1px 6px;
    background: #1c4966;
    color: #60b6e7;
    font-size: 12px;
    height: 17px;
    line-height: 17px;
    position: relative;
    border-radius: 2px;
    margin-left: 11.5px;
}

.player-evaluation .player-evaluation-container .game-evaluation-list .list-item .item-right-block .brief-info .status .from-steam:before {
    content: "";
    position: absolute;
    left: -10px;
    top: 5px;
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #1c4966 transparent transparent;
}

.player-evaluation .player-evaluation-container .game-evaluation-list .list-item .item-right-block .player-post-main-content {
    overflow: hidden;
    transition: height 0.5s;
    position: relative;
    margin-top: 15px;
    color: rgba(255, 255, 255, 0.7);
}

.player-evaluation .player-evaluation-container .game-evaluation-list .list-item .item-right-block .player-post-main-content .content-title {
    font-size: 18px;
    color: #fff;
    margin-bottom: 10px;
}

.player-evaluation .player-evaluation-container .game-evaluation-list .list-item .item-right-block .player-post-main-content .content {
    margin-bottom: 15px;
    color: #ffffff;
    font-size: 14px;
    text-align: left;
}

.player-evaluation .player-evaluation-container .game-evaluation-list .list-item .item-right-block .player-post-main-content .view-origins {
    color: #ff6900;
    cursor: pointer;
}

.player-evaluation .player-evaluation-container .game-evaluation-list .list-item .item-right-block .player-post-main-content .post-images {
    overflow: hidden;
}

.player-evaluation .player-evaluation-container .game-evaluation-list .list-item .item-right-block .player-post-main-content .post-images .post-image-item {
    width: 120px;
    height: 120px;
    display: inline-block;
    margin-right: 10px;
}

.player-evaluation .player-evaluation-container .game-evaluation-list .list-item .item-right-block .player-post-main-content .post-images .post-image-item img {
    border-radius: 5px;
}

.player-evaluation .player-evaluation-container .game-evaluation-list .list-item .item-right-block .player-post-main-content .images {
    margin-top: 30px;
    display: inline-block;
}

.player-evaluation .player-evaluation-container .game-evaluation-list .list-item .item-right-block .player-post-main-content .images .image-block {
    float: left;
    height: 120px;
    width: 120px;
    border: 1px solid transparent;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    line-height: 120px;
    cursor: zoom-in;
    overflow: hidden;
    background: #31374e;
    display: flex;
    align-items: center;
    justify-content: center;
}

.player-evaluation .player-evaluation-container .game-evaluation-list .list-item .item-right-block .player-post-main-content .images .image-block img {
    max-height: 120px;
    max-width: 120px;
    vertical-align: middle;
}

.player-evaluation .player-evaluation-container .game-evaluation-list .list-item .item-right-block .player-post-main-content .images .image-block:hover {
    border: 1px solid #ffffff;
}

.player-evaluation .player-evaluation-container .game-evaluation-list .list-item .item-right-block .player-post-main-content .images .image-block+.image-block {
    margin-left: 10px;
}

.player-evaluation .player-evaluation-container .game-evaluation-list .list-item .item-right-block .player-post-main-content .images:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.player-evaluation .player-evaluation-container .game-evaluation-list .list-item .item-right-block .main-content-limit-height {
    height: 240px;
}

.player-evaluation .player-evaluation-container .game-evaluation-list .list-item .item-right-block .fixed-action-block {
    position: absolute;
    bottom: 18px;
    left: 0;
    width: 530px;
    text-align: center;
    color: #508bf3;
    height: 25px;
}

.player-evaluation .player-evaluation-container .game-evaluation-list .list-item .item-right-block .fixed-action-block .action-span-block {
    cursor: pointer;
}

.player-evaluation .player-evaluation-container .game-evaluation-list .list-item .item-right-block .linear-gradient-bg {
    background: url(/3bac81eeb920d769dfbec8573093dad0.png) 0 0 repeat-x;
}

.player-evaluation .player-evaluation-container .game-evaluation-list .list-item .item-right-block .cover-block {
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 25px;
    left: 0;
    background-color: #292e41;
}

.player-evaluation .player-evaluation-container .game-evaluation-list .list-item .item-right-block .action-block {
    margin-top: 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.player-evaluation .player-evaluation-container .game-evaluation-list .list-item .item-right-block .action-block .release-time {
    margin-top: 6px;
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
    text-align: left;
}

.player-evaluation .player-evaluation-container .game-evaluation-list .list-item .item-right-block .action-block .release-time span {
    margin-left: 10px;
}

.player-evaluation .player-evaluation-container .game-evaluation-list .list-item .item-right-block .action-block .action-item {
    margin-left: 20px;
    display: inline-block;
    border-radius: 2px;
    padding: 5px 10px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 13px;
    text-align: center;
    cursor: pointer;
}

.player-evaluation .player-evaluation-container .game-evaluation-list .list-item .item-right-block .action-block .action-item i {
    width: 14px;
    height: 14px;
}

.player-evaluation .player-evaluation-container .game-evaluation-list .list-item .item-right-block .action-block .action-item span {
    margin-left: 5px;
}

.player-evaluation .player-evaluation-container .game-evaluation-list .list-item .item-right-block .action-block .action-item:last-child {
    margin-left: 0;
}

.player-evaluation .player-evaluation-container .game-evaluation-list .list-item .item-right-block .action-block .active {
    color: #ff6900;
}

.player-evaluation .player-evaluation-container .game-evaluation-list .list-item .item-right-block .review_office_comment {
    margin-top: 10px;
    padding: 10px;
    background: #2c2e34;
    border-radius: 3px;
}

.player-evaluation .player-evaluation-container .game-evaluation-list .list-item .item-right-block .review_office_comment .review_office_comment_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 10px;
}

.player-evaluation .player-evaluation-container .game-evaluation-list .list-item .item-right-block .review_office_comment .review_office_comment_top .review_office_comment_tl {
    display: flex;
    align-items: center;
}

.player-evaluation .player-evaluation-container .game-evaluation-list .list-item .item-right-block .review_office_comment .review_office_comment_top .review_office_comment_tl img {
    width: 24px;
    height: 24px;
    background: #000000;
    border-radius: 50%;
}

.player-evaluation .player-evaluation-container .game-evaluation-list .list-item .item-right-block .review_office_comment .review_office_comment_top .review_office_comment_tl span {
    height: 18px;
    line-height: 18px;
    font-size: 14px;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.7);
}

.player-evaluation .player-evaluation-container .game-evaluation-list .list-item .item-right-block .review_office_comment .review_office_comment_top .review_office_comment_tl>.nick_name {
    margin-left: 10px;
}

.player-evaluation .player-evaluation-container .game-evaluation-list .list-item .item-right-block .review_office_comment .review_office_comment_top .review_office_comment_tl>.permission-title {
    color: #ebd4a9;
    font-size: 12px;
}

.player-evaluation .player-evaluation-container .game-evaluation-list .list-item .item-right-block .review_office_comment .review_office_comment_top .review_office_comment_tr {
    display: flex;
    align-items: center;
    margin-right: 5px;
}

.player-evaluation .player-evaluation-container .game-evaluation-list .list-item .item-right-block .review_office_comment .review_office_comment_top .review_office_comment_tr span {
    height: 18px;
    line-height: 18px;
    font-size: 14px;
    font-family: Microsoft YaHei UI;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.7);
}

.player-evaluation .player-evaluation-container .game-evaluation-list .list-item .item-right-block .review_office_comment .review_office_comment_content {
    color: #fff;
    padding-left: 30px;
    font-size: 12px;
}

.player-evaluation .player-evaluation-container .game-evaluation-list .more {
    background-color: #282931;
    border-radius: 3px;
}

.player-evaluation .player-evaluation-container .game-evaluation-list .more .action {
    text-align: center;
    font-size: 14px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.player-evaluation .player-evaluation-container .game-evaluation-list .more .action .fetch-more-action {
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    box-sizing: border-box;
    height: 100%;
    width: 101px;
}

.player-evaluation .player-evaluation-container .to-bottom {
    margin-bottom: 10px;
    text-align: center;
    background-color: #282931;
}

.player-evaluation .player-evaluation-container .to-bottom .text {
    padding-bottom: 10px;
    padding-top: 30px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.3);
}

.player-evaluation .player-evaluation-container .no-game-store-block {
    height: 150px;
    text-align: center;
    line-height: 150px;
    font-size: 14px;
    background-color: #282931;
    color: rgba(255, 255, 255, 0.7);
}

.player-evaluation .player-evaluation-container .no-game-store-block .no-game-steam-store-block {
    padding-top: 65px;
}

.player-evaluation .player-evaluation-container .no-game-store-block .no-game-steam-store-block p {
    height: 14px;
    line-height: 14px;
    margin-bottom: 20px;
}

.player-evaluation .player-evaluation-container .no-game-store-block .no-game-steam-store-block a {
    display: block;
    border: none;
    text-align: center;
    box-sizing: border-box;
    padding: 3px 10px;
    font-size: 12px;
    background: #508bf3;
    color: #ffffff;
    cursor: pointer;
    outline: none;
    border-radius: 2px 2px 2px 2px;
    width: 100px;
    height: 32px;
    line-height: 32px;
    padding: 0;
    margin: 10px auto 0 auto;
    font-size: 14px;
}

.epic-review-content {
    color: #b9c0ef;
    padding: 20px;
    font-size: 14px;
    position: relative;
}

.epic-review-content:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.epic-review-content .left {
    width: 130px;
    float: left;
    margin-right: 25px;
}

.epic-review-content .left .author-name {
    color: #7a80a2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
}

.epic-review-content .left .platform {
    color: #7a80a2;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.epic-review-content .right {
    width: 570px;
    float: left;
}

.epic-review-content .right p {
    margin-bottom: 8px;
}

.epic-review-content .right .epic-title {
    font-size: 22px;
}

.epic-review-content .right .epic-date {
    color: #7a80a2;
    font-size: 12px;
}

.epic-review-content .right .epic-content {
    word-break: break-word;
}

.epic-review-content .right a {
    color: #508bf3;
    display: block;
    margin: 10px 0;
}

.epic-review-content .right .reply-btn {
    color: rgba(255, 255, 255, 0.7);
    background: rgba(255, 255, 255, 0.1);
    border-radius: 2px;
    padding: 4px 10px;
    float: left;
    margin-bottom: 0;
    font-size: 13px;
}